<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Book store</title>

<link href="../styles/main.css" type="text/css" rel="stylesheet"/>
<!--[if IE 6]>
<link href="../styles/mainie6.css" type="text/css" rel="stylesheet"/>
<![endif]-->

</head>

<body>
<div id="wrapper">
<div id="top"><img src="../image/top.jpg"/></div>
<div id="header">
	<div id="logo"><img src="../image/m01.jpg"/></div>
	<div id="option">
		<img id="optLeft" src="../image/m02.jpg"/>
    	<div id="language"><span class="clsOption">Choose your language:</span>
			<img src="../image/icon.gif"/>
		</div>
        <div id="currency"><span class="clsOption">Currencies:</span><br/>
        	<select id="cmbCurrencies" name="cmbCurrencies"></select>
        </div>
        
        <div id="shopping">
        	<img class="clsOption" src="../image/m03.jpg"/>
            <span class="clsOption">Shopping card</span><br/> <span class="clsOption"></span>
			<span class="clsOption">now in your card <span id="shoppingItemCounter">0 items</span></span>
        </div>        
		<img id="optRight" src="../image/m04.jpg"/>
    </div>
    <div id="header_padding"></div>
    <div id="tool">
    	<div id="tAuthor">
        	<span class="clsTool">Author or book:</span>
			<div class="clsVerPadding8"></div>
            <select id="cmbAuthor" name="cmbAuthor"></select>
        </div>
        <div id="tSearch">
        	<span class="clsTool">Key words:</span>
			<div class="clsVerPadding8"></div>
        	<input type="text" id="txtSearch" name="txtSearch"/>
            <img class="clsInline_VerMidle" src="../image/m07.jpg"/>
        </div>
        <div id="tMore">
        	<ul id="more">
            	<li><a href="#">Special Offers</a></li>
                <li><a href="#">Contact Us</a></li>
            </ul>
        </div>
    </div>
</div>
<div id="option_padding"></div>
<div id="leftpane">
	<div><img src="../image/mnu_top.jpg"/></div>
	<div id="mnuHome" class="clsMainMenu">
		<a href="#" class="clsMainMenuItem">Home</a></div>
    <div><img src="../image/mnuHor_Bar.jpg"/></div>
    <div id="mnuNewBook" class="clsMainMenu">
	<a href="#" class="clsMainMenuItem">New books</a></div>
     <div><img src="../image/mnuHor_Bar.jpg"/></div>
    <div id="mnuAccount" class="clsMainMenu">
	<a href="#" class="clsMainMenuItem">Log in</a></div>
     <div><img src="../image/mnuHor_Bar.jpg"/></div>
    <div id="mnuShoppingCard" class="clsMainMenu">
	<a class="clsMainMenuItem" href="#">Create an account</a></div>
     <div><img src="../image/mnuHor_Bar.jpg"/></div>
    <!--<div id="mnuCheckOut" class="clsMainMenu">
		<a class="clsMainMenuItem" href="#">Check out</a></div>-->
    <div><img id="bottomMainMenu" src="../image/mnu_bottom.jpg"/></div>
    <div class="clsVerPadding8"></div>
    <div class="clsSubMenuItem"><a href="#">Body, Mind and Spirit</a></div>
    <div class="clsSubMenuItem"><a href="#">Business &amp; Economics</a></div>
    <div class="clsSubMenuItem"><a href="#">Computers</a></div>
    <div class="clsSubMenuItem"><a href="#">Cooking and Food</a></div>
    <div class="clsSubMenuItem"><a href="#">Science</a></div>
    <div class="clsSubMenuItem"><a href="#">Fiction</a></div>
    <div class="clsSubMenuItem"><a href="#">Children literature</a></div>
	<div class="clsVerPadding8"></div>
    <img id="leftBookSearch" class="clsFloatLeft" src="../image/m38.jpg"/>
    <img id="rightBookSearch" class="clsFloatLeft" src="../image/m51.jpg"/>
    <div id="bookSearch">
    	Book Search:
        <input type="text" class="clsFloatLeft" id="txtBookSearch" name="txtBookSearch"/>
    </div>
 
</div>
<div id="banner">
	<div id="mainImage">
	<div><img id="leftImage" src="../image/m23.jpg"/></div>
	<div><img id="middleImage" src="../image/m24.jpg"/></div>
    <div><img id="rightImage" src="../image/m25.jpg"/>   </div>
    </div>
     <div><img src="../image/m26.jpg"/></div>
    <div id="newBookNav">    	
    <span class="clsFloatLeft">Save 30% on our new Favorites</span>
    	<ul id="newFavorites">
        	<li>KID'S BOOK</li>
            <li>FICTION</li>
            <li>NEW</li>            
        </ul>       
    </div>
     <div><img src="../image/m28.jpg"/></div>
</div>

<div id="content">
<div class="clsVerPadding8"></div>
	<div id="book1" class="clsBookDetails clsBookTop">
	<div><img class="clsImageLeft" src="../image/0000029.jpg"/></div>
	<span class="clsBookTitle">Google Hacks: 100 Industrial-Strength Tips &amp; Tools</span><br/>
	<span class="clsOldPrice">$13.99</span>
	<span class="clsNewPrice">$12.00</span><br/>
	<span class="clsDescription">Whether Googling to find an ex-lover or to make ... gdfg dfg dfgdfgdfgdfg</span>
	</div>
	<div id="book2" class="clsBookDetails clsBookTop">b</div>
</div>
<div id="bottomNav">
	<div id="thickHorBar"></div>
    <div id="thinkHorBar"></div> 

    	<ul id="bottomNavContent">
        	<li><a href="#">Specials</a></li>
            <li><a href="#">Site Search</a></li>
			<li><a href="#">Contact Us</a></li>
			<li><a href="#">Create an Account</a></li>
			<li><a href="#">Customer Login</a></li>
        </ul>       

   <div><img id="btmLogo"  src="../image/m43.jpg"/></div>
</div>
<div id="footer">
	<span class="midVerticle">Copyright &copy; 2005. Company name</span> 
    <span class="midVerticle">Powed by</span>
</div>
<div id="bottom"><img src="../image/bottom.jpg"/></div>
</div>
</body>
</html>
